{include file="header.tpl" docTitle="首页"}
<link rel="stylesheet" href="asset/build/css/index.css">

<main class="main">
    <!-- banner首图 -->
    <div class="hero">
        <div class="hero-background">
            <div class="hero-slideshow">
                <ul class="list-unstyled">
                    <li class=""><img src="asset/img/banner3.jpg" height="720" width="1280" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="hero-content text-center">
            <div class="container va-container">
                <div class="va-middle">
                    <h2 class="text-branding text-primary text-contrast col-md-12">
                        欢迎您
                    </h2>
                    <div class="h4 text-contrast row-space-4">向超过190个国家地区的当地人申请独一无二的帮助服务。</div>
                    <div class="sm-search">
                        <!-- 触发搜索modal -->
                        <div class="input-addon" id="sm-search-field">
                            <a class="input-stem input-large fake-search-field" data-toggle="modal" data-target="#search-modal" href="#search-modal">
                                <i class="icon icon-search"></i>您想去哪里？
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 本月最佳旅行地 -->
    <div class="row-space-4" id="discovery-container">
        <div class="row-space-top-6 row-space-4 text-center">
            <h2 class="row-space-1">本月大家都去哪儿</h2>
            <p class="text-lead">听别人的推荐，走自己的路</p>
        </div>
        <!-- 目的地列表 -->
        <div class="">
            <div class="discovery-tiles">
                <h3 class="h3 text-center">国内 TOP3</h3>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                        <div class="discovery-card rm-padding-sm darken-on-hover " style="background-image:url('asset/img/index/index1.jpeg');">
                            <a href="spot.php?id=1" class="link-reset" data-id="New York">
                                <div class="va-container va-container-v va-container-h">
                                    <div class="va-middle text-center text-contrast">
                                        <div class="h2">
                                            <strong>
                                                上海
                                            </strong>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                        <div class="">
                            <div class="darken-on-hover-container">
                                <a href="spot.php?id=1" class="text-normal link-reset">
                                    <div class="discovery-card darken-on-hover discovery-listing" style="background-image:url('asset/img/index/176.jpeg')">
                                        <div class="va-container va-container-v va-container-h">
                                            <div class="va-middle text-center text-contrast">
                                                <div class="h2">
                                                    <strong>
                                                        丽江
                                                    </strong>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                        <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('asset/img/index/index8.jpeg');">
                            <a href="spot.php?id=1" class="link-reset" data-id="Paris">
                                <div class="va-container va-container-v va-container-h">
                                    <div class="va-middle text-center text-contrast">
                                        <div class="h2">
                                            <strong>
                                                厦门
                                            </strong>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <h3 class="h3 text-center">国外 TOP3</h3>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                        <div class="discovery-card rm-padding-sm darken-on-hover " style="background-image:url('asset/img/index/index4.jpeg');">
                            <a href="spot.php?id=1" class="link-reset" data-id="Paris">
                                <div class="va-container va-container-v va-container-h">
                                    <div class="va-middle text-center text-contrast">
                                        <div class="h2">
                                            <strong>
                                                巴黎
                                            </strong>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                        <div class="discovery-card rm-padding-sm darken-on-hover " style="background-image:url('asset/img/index/index5.jpeg');">
                            <a href="spot.php?id=1" class="link-reset" data-id="Barcelona">
                                <div class="va-container va-container-v va-container-h">
                                    <div class="va-middle text-center text-contrast">
                                        <div class="h2">
                                            <strong>
                                                巴塞罗那
                                            </strong>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                        <div class="discovery-card rm-padding-sm darken-on-hover " style="background-image:url('asset/img/index/index3.jpg');">
                            <a href="spot.php?id=1" class="link-reset" data-id="">
                                <div class="va-container va-container-v va-container-h">
                                    <div class="va-middle text-center text-contrast">
                                        <div class="h2">
                                            <strong>
                                                夏威夷
                                            </strong>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        
</main>

{include file="footer.tpl" index_footer=true}
